<template>
	<view>
		<view style="height: 50rpx;"></view>
		<view style="
				border-radius: 20rpx;
				background-color: #FFFFFF;
				width: 600rpx;
				margin-left: 50%;
				transform: translateX(-50%);
				padding: 40rpx;
				">
				<view style="padding: 20rpx 0 20rpx 0;position: relative;">
					<text style="font-weight: bold;">开始时间</text>
					<u-input placeholder="选择开始时间" 
					style="display: inline-block;top:5rpx;width: 400rpx;text-align: center;
						position: absolute;left:240rpx;
					"></u-input>
					<u-icon name="arrow-right" style="
						color: #C7C9C8;
						position: absolute;
						right: 20rpx;"></u-icon>
				</view>
				<view style="height:1rpx;background-color: #E2E2E2"></view>
				<view style="padding: 20rpx 0 20rpx 0;position: relative;">
					<text style="font-weight: bold;">结束时间</text>
					<u-input placeholder="选择结束时间" 
					style="display: inline-block;top:5rpx;width: 400rpx;text-align: center;
						position: absolute;left:240rpx;
					"></u-input>
					<u-icon name="arrow-right" style="
						color: #C7C9C8;
						position: absolute;
						right: 20rpx;"></u-icon>
				</view>
				<view style="height:1rpx;background-color: #E2E2E2"></view>
				<view style="height: 50rpx;"></view>
			<u-button type="error" 
						shape="circle"
						:custom-style="{
							'width':'500rpx'
						}"
						>查询</u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
page{
	background-color: #F2F2F2;
}
</style>
